<script setup></script>

<template>
  <section class="">
    <div class="max-w-345 mx-auto text-[#272626] text-8 tracking-normal leading-14 font-bold">
      COMPANY BLOGS
    </div>
    <div class="flex justify-center px-3 mt-4">
      <div class="grid grid-cols-2 gap-x-8" style="width: 52.125rem">
        <article v-for="index in 2" :key="index">
          <div>
            <a>
              <img src="/src/images/home/COMPANY-BLOGS-1-1.webp" alt="" />
            </a>
          </div>
          <div>
            <div>
              Meet your diverse customization needs: our sheet metal processing capabilities
            </div>
            <div> 2024-11-28</div>
            <div>
              At Maxprecise Global, we are committed to providing high-quality sheet metal processing
            </div>
            <button> Read More >></button>
          </div>
        </article>
      </div>
      <div class="grid grid-rows-2 gap-y-8 pl-9" style="width: 34.75rem">
        <article v-for="index in 2" :key="index">
          <div>
            <div> Exploring Different Types of CNC Machines </div>
            <div> 2024-04-29</div>
            <div>
              As a leading manufacturer in precision molds and rapid prototyping, Maxprecise Global is
              committed to providing
            </div>
            <button> Read More >></button>
          </div>
        </article>
      </div>
    </div>
  </section>
</template>

<style scoped></style>
